<template>
  <el-dialog :visible.sync="isDialog"
    title="查看详情"
    width="600px">
    <el-form :model="item"
      label-position="left"
      label-width="100px">
      <el-form-item label="文章标题">
        {{item.title}}
      </el-form-item>
      <el-form-item label="文章简介">
        {{item.summary}}
      </el-form-item>
      <el-form-item label="文章内容">
        {{item.content}}
      </el-form-item>
    </el-form>

    <el-button slot="footer"
      type="primary"
      @click="isDialog = false">确 定</el-button>
  </el-dialog>
</template>

<script>
export default {
  props:["item"],
  data() {
    return {
      isDialog: false,
      // form: {title:'济南的冬天',introduce:'老舍的一本书还没有看完',content:'各种角度来讲述济南'}
    }
  },
}
</script>

<style>
</style>
